<template>
  <div>
    <h1>Footer****{{getCount}}</h1>
    <h2>{{getPrice}}</h2>
    <hr>
    <p>电影列表<button @click="getMovie">获取</button></p>
    <ul>
      <li v-for='movie in movieList' :key='movie.tvId'>{{movie.albumName}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:'Footer',
    computed:{
        getCount(){
            return this.$store.state.count
        },
        getPrice(){
            return this.$store.state.price
        },
        movieList(){
          return this.$store.state.movieList
        }
    },
    methods:{
      getMovie(){
        this.$store.dispatch('getMovieList')
      }
    }

}
</script>

<style>

</style>